<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='UTF-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="./element.css">
    <!-- 引入组件库 -->
    <link rel="stylesheet" href="./common.css">

    <style>



    </style>
</head>
<script src="./vue.js"></script>
<script src="./axios.js"></script>
<script src="./element.js"></script>
<script src="./dayjs.min.js"></script>
<script src="./common.js"></script>
<body>
    <div id="app">
        <div class="head">
            <div class="logo">
                <img class="logo-img" src="./images/kefuzhiyuan.png" alt="">
            </div>
            <!-- <el-dropdown>
                <span class="el-dropdown-link">
                    <img class="user-icon" src="./images/user.png" alt="">
                    用戶名稱<i class="el-icon-arrow-down el-icon--right"></i>
                </span>
                <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item><span @click="onNav('faceback')">創建工單</span></el-dropdown-item>
                    <el-dropdown-item><span @click="onNav('contact')">服務記錄</span></el-dropdown-item>
                </el-dropdown-menu>
            </el-dropdown> -->
        </div>
        <div class="content">
            <img class="dabeijing" src="./images/dabeijing.png" alt="">

            <img src="./images/fankui.png" alt="">

        </div>


        <img src="./images/dibu.png" alt="" class="foot">
    </div>

    <script>
        var app = new Vue({
            el: '#app',
            data: {
                pageNo: 1,
                pageSize: 20,
                total: 140
            },
            mounted() {
              
            },
            methods: {
                onNav(type) {
                    window.location.href = `./${type}.html`
                },
            }

        })
    </script>
</body>

</html>